//快报 网站快报
Vue.component("newsflash_coll_right", {
    template: `<div class="news mt10">
                <h2><a href="">更多快报&nbsp;></a><strong>网站快报</strong></h2>
                <ul>
                    <li v-for="(v,k) in news" :class="{odd:k%2==0}"><a href="">{{v.title}}</a></li>
                </ul>
            </div> `,
    data() {
        return {
            news: []
        }
    },
    created() {
        getTopNews().then(res => {

            this.news = res.data.data
        })
    },
    methods: {}
})
// 快报 服务
Vue.component("newsflash_service", {
    template: `
    <div class="service mt10">
                <h2>
                    <span class="title1 on"><a href="">话费</a></span>
                    <span><a href="">旅行</a></span>
                    <span><a href="">彩票</a></span>
                    <span class="title4"><a href="">游戏</a></span>
                </h2>
                <div class="service_wrap">
                    <!-- 话费 start -->
                    <div class="fare">
                        <form action="">
                            <ul>
                                <li>
                                    <label for="">手机号：</label>
                                    <input type="text" name="phone" value="请输入手机号" class="phone"/>
                                    <p class="msg">支持移动、联通、电信</p>
                                </li>
                                <li>
                                    <label for="">面值：</label>
                                    <select name="" id="">
                                        <option value="">10元</option>
                                        <option value="">20元</option>
                                        <option value="">30元</option>
                                        <option value="">50元</option>
                                        <option value="" selected>100元</option>
                                        <option value="">200元</option>
                                        <option value="">300元</option>
                                        <option value="">400元</option>
                                        <option value="">500元</option>
                                    </select>
                                    <strong>98.60-99.60</strong>
                                </li>
                                <li>
                                    <label for="">&nbsp;</label>
                                    <input type="submit" value="点击充值" class="fare_btn"/> <span><a href="">北京青春怒放独家套票</a></span>
                                </li>
                            </ul>
                        </form>
                    </div>
                    <!-- 话费 start -->

                    <!-- 旅行 start -->
                    <div class="travel none">
                        <ul>
                            <li>
                                <a href=""><img src="images/holiday.jpg" alt=""/></a>
                                <a href="" class="button">度假查询</a>
                            </li>
                            <li>
                                <a href=""><img src="images/scenic.jpg" alt=""/></a>
                                <a href="" class="button">景点查询</a>
                            </li>
                        </ul>
                    </div>
                    <!-- 旅行 end -->

                    <!-- 彩票 start -->
                    <div class="lottery none">
                        <p><img src="images/lottery.jpg" alt=""/></p>
                    </div>
                    <!-- 彩票 end -->

                    <!-- 游戏 start -->
                    <div class="game none">
                        <ul>
                            <li><a href=""><img src="images/sanguo.jpg" alt=""/></a></li>
                            <li><a href=""><img src="images/taohua.jpg" alt=""/></a></li>
                            <li><a href=""><img src="images/wulin.jpg" alt=""/></a></li>
                        </ul>
                    </div>
                    <!-- 游戏 end -->
                </div>
            </div>
    
    `,
    data() {
        return {}

    },
    methods: {}
})